<div class="cd-main">
  <div class="cd-main__heading">
    <div class="cd-main__title"> 学豆账户 </div>
  </div>
  <div class="cd-main__body">
    <div class="row cd-row">
      <div class="col-md-7">
        <div class="es-colorful-card es-colorful-card-danger">
          <div class="card-icon"><i class="es-icon es-icon-money"></i></div>
          <div class="card-body">
            <p>账户余额</p>
            <p><span class="card-money">{yuer}</span></p>
          </div>
          <!--
          <div class="card-action"> <a href="javascript:;" class="btn cd-btn btn-card-danger" data-url="/my/coin/buy" data-toggle="modal" data-target="#modal">现金充值</a> <a href="javascript:;" class="btn cd-btn btn-card-white" data-url="/moneycard/use" data-toggle="modal" data-target="#modal">学习卡</a> </div>-->
        </div>
      </div>
      <div class="col-md-5">
        <div class="es-data-card">
          <div class="card-item">
            <div class="card-item-label">总计收入</div>
            <div class="card-item-value"><span>{shouru}</span></div>
          </div>
          <div class="card-item">
            <div class="card-item-label">总计支出</div>
            <div class="card-item-value"><span>{zhichu}</span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="table-responsive cd-table-responsive">
      <table class="table cd-table">
        <thead>
          <tr>
            <th width="30%">名称</th>
            <th>方式</th>
            <th>增减数量</th>
            <th>剩余</th>
            <th class="text-right">时间</th>
          </tr>
        </thead>
        <tbody>
{list}
        </tbody>
      </table>
    </div>{fenye}
  </div>
</div>
